<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>去哪儿网--聪明你的旅行</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./source/font/iconfont.css">
</head>
<body>
    <!-- 头视图 -->
    <div class="header">
        <img src="./source/img/header.png" alt="">
    </div>
    <!-- 主体 -->
    <div class="main">
        <ul>
            <li>
                <p>酒店</p>
                <img src="./source/img/hotel.png" alt="">
            </li>
            <li>
                <div>特惠酒店</div>
                <div>客栈</div>
            </li>
            <li>
                <div>海外酒店</div>
                <div>民宿</div>
            </li>
        </ul>
        <ul>
            <li>
                <p>机票</p>
                <img src="./source/img/flight.png" alt="">
            </li>
            <li>
                <div>低价机票</div>
                <div>火车票</div>
            </li>
            <li>
                <div>汽车票 · 船票</div>
                <div>专车 · 自驾</div>
            </li>
        </ul>
        <ul>
            <li>
                <p>度假</p>
                <img src="./source/img/holiday.png" alt="">
            </li>
            <li>
                <div>景点 · 门票</div>
                <div>自由行</div>
            </li>
            <li>
                <div>旅游团购</div>
                <div>周边 · 短途</div>
            </li>
        </ul>
        <ul>
            <li>
                金融 · 理财
            </li>
            <li>
                <div>
                    保险 · 车险</div>
            </li>
            <li>
                <div>换外币</div>
            </li>
        </ul>
    </div>
    <!-- 导航 -->
    <div class="nav">
        <ul>
            <li>
                <i></i>
                <p>签证 · WIFI</p>
            </li>
            <li>
                <i></i>
                <p>出境游</p>
            </li>
            <li>
                <i></i>
                <p>一日游</p>
            </li>
            <li>
                <i></i>
                <p>美食林</p>
            </li>

        </ul>
        <ul>
            <li>
                <i></i>
                <p>汽车票</p>
            </li>
            <li>
                <i></i>
                <p>游轮游</p>
            </li>
            <li>
                <i></i>
                <p>超级巴士</p>
            </li>
            <li>
                <i></i>
                <p> 攻略</p>
            </li>
        </ul>
    </div>
    <!-- 更多推荐引导 -->
    <div class="guide">
        <div>
            <i class="iconfont icon-luotuo"></i>
            <p>下载APP</p>
        </div>
        <div>
            <i class="iconfont icon-dingdan"></i>
            <p>我的订单</p>
        </div>
        <div>
            <i class="iconfont icon-wode"></i>
            <p>我的</p>
        </div>
    </div>
    <!-- footer -->
    <div class="foot">
        <div class="inner">
            <p>Qunar 京ICP备05021087</p>
            <p>关于我们</p>
        </div>
    </div>
</body>
</html>